WordPress

推荐列表 站点导航

当前位置:首页 > 建站教程 > WordPress >

js是如何实现浏览器打印功能的

来源:网络整理  作者:wy  发布时间:2020-12-24 06:09
最近接触到一个新需求,实现打印机打印小票的功能。打的一桌子小票(惭愧),不过也基本满足了业务上的需求,...

最近接触到一个新需求,实现打印机打印小票的功能。打的一桌子小票(惭愧),不过也基本满足了业务上的需求,现在分享一下如何实现(好记性不如烂笔头)

先上代码

// 布局代码

//js 部分代码var f = document.getElementById('printf');

if (f) {

document.getElementById("print_content").removeChild(f);

}

var printhtml = `

${this.ticket.title}

--------------------------------------   

提货点:${this.ticket.pickUpAddress}

商品名称:${this.ticket.commodityName}

下单时间:${this.ticket.paymentTime}   

提货人:${this.ticket.receiver}   

联系电话:${this.ticket.receiverPhone} 

提货码:${this.ticket.pickUpCode}   

提货时间:${this.ticket.submissionTime}

if (!!window.ActiveXObject || "ActiveXObject" in window) { // 针对IE进行适配

var HKEY_Root, HKEY_Path, HKEY_Key;

HKEY_Root = "HKEY_CURRENT_USER";

HKEY_Path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";

//设置网页打印的页眉页脚为空

function PageSetup_Null() {

var Wsh = new ActiveXObject("WScript.Shell");

HKEY_Key = "header";

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "");

HKEY_Key = "footer";

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "");

HKEY_Key = "margin_left"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--左边边界

HKEY_Key = "margin_top"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--上边边界

HKEY_Key = "margin_right"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--右边边界

HKEY_Key = "margin_bottom"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--下边边界

}

printhtml = `

${this.ticket.title}

------------------------------------------------ 

提货点:${this.ticket.pickUpAddress}

商品名称:${this.ticket.commodityName}

下单时间:${this.ticket.paymentTime} 

提货人:${this.ticket.receiver}   

联系电话:${this.ticket.receiverPhone} 

提货码:${this.ticket.pickUpCode}   

提货时间:${this.ticket.submissionTime}

}

var iframe = document.createElement('iframe');

iframe.id = 'printf';

iframe.style.width = '0';

iframe.style.height = '0';

iframe.style.border = "none";

document.getElementById("print_content").appendChild(iframe);

setTimeout(() => {

iframe.contentDocument.write(printhtml);

iframe.contentDocument.close();

iframe.contentWindow.focus();

iframe.contentWindow.print();

}, 100)  

以上就是代码示例js实现浏览器打印功能的详细内容,更多请关注网站的其它相关文章!

js是如何实现浏览器打印功能的 (https://www.wpmee.com/) javascript教程 第1张

相关热词: 功能

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/wp/8454.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

js是如何实现浏览器打印功能的

2020-12-24 编辑:wy

最近接触到一个新需求,实现打印机打印小票的功能。打的一桌子小票(惭愧),不过也基本满足了业务上的需求,现在分享一下如何实现(好记性不如烂笔头)

先上代码

// 布局代码

//js 部分代码var f = document.getElementById('printf');

if (f) {

document.getElementById("print_content").removeChild(f);

}

var printhtml = `

${this.ticket.title}

--------------------------------------   

提货点:${this.ticket.pickUpAddress}

商品名称:${this.ticket.commodityName}

下单时间:${this.ticket.paymentTime}   

提货人:${this.ticket.receiver}   

联系电话:${this.ticket.receiverPhone} 

提货码:${this.ticket.pickUpCode}   

提货时间:${this.ticket.submissionTime}

if (!!window.ActiveXObject || "ActiveXObject" in window) { // 针对IE进行适配

var HKEY_Root, HKEY_Path, HKEY_Key;

HKEY_Root = "HKEY_CURRENT_USER";

HKEY_Path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";

//设置网页打印的页眉页脚为空

function PageSetup_Null() {

var Wsh = new ActiveXObject("WScript.Shell");

HKEY_Key = "header";

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "");

HKEY_Key = "footer";

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "");

HKEY_Key = "margin_left"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--左边边界

HKEY_Key = "margin_top"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--上边边界

HKEY_Key = "margin_right"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--右边边界

HKEY_Key = "margin_bottom"

Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, "0"); //键值设定--下边边界

}

printhtml = `

${this.ticket.title}

------------------------------------------------ 

提货点:${this.ticket.pickUpAddress}

商品名称:${this.ticket.commodityName}

下单时间:${this.ticket.paymentTime} 

提货人:${this.ticket.receiver}   

联系电话:${this.ticket.receiverPhone} 

提货码:${this.ticket.pickUpCode}   

提货时间:${this.ticket.submissionTime}

}

var iframe = document.createElement('iframe');

iframe.id = 'printf';

iframe.style.width = '0';

iframe.style.height = '0';

iframe.style.border = "none";

document.getElementById("print_content").appendChild(iframe);

setTimeout(() => {

iframe.contentDocument.write(printhtml);

iframe.contentDocument.close();

iframe.contentWindow.focus();

iframe.contentWindow.print();

}, 100)  

以上就是代码示例js实现浏览器打印功能的详细内容,更多请关注网站的其它相关文章!

js是如何实现浏览器打印功能的 (https://www.wpmee.com/) javascript教程 第1张

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/wp/8454.shtml

相关文章

风云图片

推荐阅读

返回WordPress频道首页